{layout name="./base/base_back"}
	<link rel="stylesheet" type="text/css" href="/front/css/caravanOrderList.css"/>
	<script src="/front/js/jquery.js"></script>
	<script src="/front/js/index.js"></script>
		<!--房车订单开始-->
		<div id="caravan-order-list-box">
			<div id="caravan-order-list">
				{include file="./navleft"}
				<div class="caravan-order-list-right">
					<div class="caravan-order-list-tit">房车订单</div>
					<ul class="caravan-order-list-table">
						<li class="active-li">全部<span style="padding-left:2px;font-weight:700;">({$count_list})</span></li>
						<li>未支付<span style="padding-left:2px;font-weight:700;">({$count_obligationorder})</span></li>
						<li>支付中<span style="padding-left:2px;font-weight:700;">({$count_ongoingorder})</span></li>
						<li>待入住<span style="padding-left:2px;font-weight:700;">({$count_stayin})</span></li>
						<li>入住中<span style="padding-left:2px;font-weight:700;">({$count_checkin})</span></li>
						<li>退款中<span style="padding-left:2px;font-weight:700;">({$count_refund})</span></li>
						<li>已取消<span style="padding-left:2px;font-weight:700;">({$count_cancel})</span></li>
						<li>已离开<span style="padding-left:2px;font-weight:700;">({$count_leave})</span></li>
						
						<li class="basis-ordernum-find">已完成<span style="padding-left:2px;font-weight:700;">({$count_done})</span></li>
					</ul>
					<!--全部的开始-->
					
					<div class="caravan-order-list-group" style="display: block;">
					{volist name='list' id='vo'} 
						<div class="caravan-order-group-tit">
							<span>订单编号：<i>{$vo.number}</i></span>
							<span>下单时间：<i>{$vo.created_at}</i></span>
							<span class="caravan-order-group-state">[{$vo.status}]</span>
							{if $vo.status == '未支付'}
							<span>请在<i style="padding: 0px 0px;"><span id="{$vo.id}"><?php echo strtotime($vo['created_at'])+3600-time()?></span></i>内完成支付</span>
							{else/}
							{/if}
							<span></span>
							<span class="caravan-order-group-service">营地客服：<img src="/front/img/lx.png" alt="" /></span>
						</div>
						<div class="caravan-order-group-cont">
							<ul>
								<li class="caravan-img">
								{if !empty($vo['caravan']['caravancover'][0])}
								<img src={$vo.caravan.caravancover[0]} alt="" />
								{/if}
								</li>
								<li class="caravan-order-li-1">
									<p>房车名称<a href="#">：<i>{$vo.caravan.name}</i></a></p>
									<p>{$vo.caravan.carcates.name}</p>
									<p class="caravan-order-camp">营地服务机构名称:<a href="#">（<i>{$vo.camp.name}</i>）</a></p>
									<p>入住：<i>{$vo.take_car_date}</i></p>
									<p>离开：<i>{$vo.leave_car_date}</i></p>
								</li>
								<li class="caravan-order-li-2">
									<p class="need-pay" style="display: none;">需支付</p>
									<p class="need-pay">在线支付</p>
									{if $vo.source == '1'}
									<p>旅行币 {$vo.total_intergral}</p>
									<p>押金 <i>¥</i>{$vo.deposit}</p>
									{else/}
									<p>押金 <i>¥</i>{$vo.deposit}</p>
									<p>租金 <i>¥</i>{$vo.total_money}</p>
									<p>总金额 <i>¥</i>{$vo.total_amount}</p>
									{/if}
								</li>
								<li class="caravan-order-li-3">
									<!-- <img src="/front/img/appcar.png" alt="" />
									<p>验证编码：1212151</p> -->
								</li>
								{if $vo.status == '未支付'}
								<li class="caravan-order-li-4">
									<p><a href="/order/payorder?order_id={$vo.number}">马上支付</a></p>
									<p><a id="can" onclick="can({$vo.number})" style="background:#ccc;">取消订单</a></p>
								</li>
								{elseif $vo.status == '支付中'}
								<li class="caravan-order-li-4">
									<p><a href="/order/payorder?order_id={$vo.number}">继续支付</a></p>
									<p><a id="ongoingcel" onclick="ongoingcel({$vo.number})" style="background:#ccc;">取消订单</a></p>
								</li>
								{elseif $vo.status == '待入住'}
								<li class="caravan-order-li-4">
									<p><a href="/order/orderdetail?id={$vo.id}">查看详情</a></p>
									<p><a id="cel" onclick="cel({$vo.number})" style="background:#ccc;">取消订单</a></p>
								</li>
								{elseif $vo.status == '入住中'}
								<li class="caravan-order-li-4">
									<p><a href="/order/orderdetail?id={$vo.id}">查看详情</a></p>
								</li>
								{elseif $vo.status == '已完成'}
								<li class="caravan-order-li-4">
									<p><a href="/order/orderdetail?id={$vo.id}">查看详情</a></p>
									<p><a href="###">投诉建议</a></p>
								</li>
								{elseif $vo.status == '取消订单'}
								<li class="caravan-order-li-4">
									<p><a href="/order/orderdetail?id={$vo.id}">查看详情</a></p>
								</li>
								{else}
								<li class="caravan-order-li-4">
									<p><a href="/order/orderdetail?id={$vo.id}">查看详情</a></p>
									<!-- <p><a href="###">重新下单</a></p> -->
								</li>
								{/if}

							</ul>
						</div>
							<script type="text/javascript">
								function getLocalTime(t) {
									h=Math.floor(t/60/60%24);
								    m=Math.floor(t/60%60);
								    s=Math.floor(t%60);
									return h+'小时'+m+'分'+s+'秒';
								}
								$('#{$vo.id}').each(function(){
									var btn = $(this);
									var count = btn.text();
							    	var time = parseInt(count);
								    var resend = setInterval(function(){
								        count--;
								        if (count >=-1){
								            btn.html(getLocalTime(time--));
								        }else {
								        	btn.html(0);
								        	$('#{$vo.id}').each(function(){
												if($(this).text()<=0){
													$(this).parent('tr').hide();
									            	var data = $(this).siblings('input').val();
									            	$.ajax({
									            		type:"get",
									            		url:"/wishs/cancelorder",
									            		data:{id:data},
									            	});
									            }
											})
								            clearInterval(resend);
								        }
								    }, 1000);
								})
							</script>
							{/volist}
								<!--未支付取消订单提示框开始-->
								<div id="shsy-coin-bounced-box3" class="shsy-coin-bounced-box" style="display:none;">
									<div class="shsy-coin-bounced-bg"></div>
									<div id="shsy-coin-bounced">
										<div class="shsy-bounced-info">
											<div class="shsy-prompt-title">
												<p class="shsy-prompt">温馨提示</p>
												<p class="shsy-close">关闭</p>
											</div>
											<div class="shsy-prompt-cont">
												<dd>您的订单还未支付,确认取消订单吗？</dd>
											</div>
											<div class="shsy-prompt-over">
												<a id="true2" href="">确定</a>
											</div>
										</div>
									</div>
								</div>
							<!--未支付取消订单提示框结束-->
							<!-- 触发弹出框开始-->
								<script type="text/javascript">
									function can(id){
										$('#true2').attr('href','/order/cancelorder?id='+id);
										$('#shsy-coin-bounced-box3').show();
									}
									$(function(){
										$(".shsy-close").click(function(){
											$('#shsy-coin-bounced-box3').hide();
										})
									})
								</script>
							<!-- 触发弹出框结束	 -->

								<!--支付中取消订单提示框开始-->
								<div id="shsy-coin-bounced-box6" class="shsy-coin-bounced-box" style="display:none;">
									<div class="shsy-coin-bounced-bg"></div>
									<div id="shsy-coin-bounced">
										<div class="shsy-bounced-info">
											<div class="shsy-prompt-title">
												<p class="shsy-prompt">温馨提示</p>
												<p class="shsy-close">关闭</p>
											</div>
											<div class="shsy-prompt-cont">
												<dd>您的订单还未支付,确认取消订单吗？</dd>
											</div>
											<div class="shsy-prompt-over">
												<a id="true5" href="">确定</a>
											</div>
										</div>
									</div>
								</div>
							<!--未支付取消订单提示框结束-->
							<!-- 触发弹出框开始-->
								<script type="text/javascript">
									function ongoingcel(id){
										$('#true5').attr('href','/order/cancelorder?id='+id);
										$('#shsy-coin-bounced-box6').show();
									}
									$(function(){
										$(".shsy-close").click(function(){
											$('#shsy-coin-bounced-box6').hide();
										})
									})
								</script>
							<!-- 触发弹出框结束	 -->

							<!--已支付取消订单提示框开始-->
								<div id="shsy-coin-bounced-box4" class="shsy-coin-bounced-box" style="display:none;">
									<div class="shsy-coin-bounced-bg"></div>
									<div id="shsy-coin-bounced">
										<div class="shsy-bounced-info">
											<div class="shsy-prompt-title">
												<p class="shsy-prompt">温馨提示</p>
												<p class="shsy-close">关闭</p>
											</div>
											<div class="shsy-prompt-cont">
												<dt>取消订单规则及惩罚措施</dt>
												<dd>1. 入住前7天外取消订单，不扣除任何费用。</dd>
												<dd>2. 入住前7天内取消订单，将扣除本订单旅行币的50%。</dd>
												<dd>确定要取消订单吗？</dd>
											</div>
											<div class="shsy-prompt-over">
												<a id="true3" href="">确定</a>
											</div>
										</div>
									</div>
								</div>
							<!--已支付取消订单提示框结束-->
							<!-- 触发弹出框开始-->
								<script type="text/javascript">
									function cel(id){
										$('#true3').attr('href','/order/cancelorder?id='+id);
										$('#shsy-coin-bounced-box4').show();
									}
									$(function(){
										$(".shsy-close").click(function(){
											$('#shsy-coin-bounced-box4').hide();
										})
									})
								</script>
							<!-- 触发弹出框结束	 -->
						
					</div>
					
					<!--全部的结束-->
					<!--未支付的开始-->

					<div class="caravan-order-list-group">
					{volist name='obligationorder' id='vo'} 
						<div class="caravan-order-group-tit">
							<span>订单编号：<i>{$vo.number}</i></span>
							<span>下单时间：<i>{$vo.created_at}</i></span>
							<span class="caravan-order-group-state">[{$vo.status}]</span>
							<span>请在<i style="padding: 0px 0px;"><span id="{$vo.number}"><?php echo strtotime($vo['created_at'])+3600-time()?></span></i>内完成支付</span>
							<span class="caravan-order-group-service">营地客服：<img src="/front/img/lx.png" alt="" /></span>
						</div>
						<div class="caravan-order-group-cont">
							<ul>
								<li class="caravan-img">
								{if !empty($vo['caravan']['caravancover'][0])}
								<img src={$vo.caravan.caravancover[0]} alt="" />
								{/if}
								</li>
								<li class="caravan-order-li-1">
									<p><a href="#">房车名称（<i>{$vo.caravan.name}</i>）</a></p>
									<p>{$vo.caravan.carcates.name}</p>
									<p class="caravan-order-camp">营地服务机构名称:<a href="#">（<i>{$vo.camp.name}</i>）</a></p>
									<p>入住：<i>{$vo.take_car_date}</i></p>
									<p>离开：<i>{$vo.leave_car_date}</i></p>
								</li>
								<li class="caravan-order-li-2">
									<p class="need-pay" style="display: none;">需支付</p>
									<p class="need-pay">在线支付</p>
									{if $vo.source == '1'}
									<p>旅行币 {$vo.total_intergral}</p>
									<p>押金 <i>¥</i>{$vo.deposit}</p>
									{else/}
									<p>押金 <i>¥</i>{$vo.deposit}</p>
									<p>租金 <i>¥</i>{$vo.total_money}</p>
									<p>总金额 <i>¥</i>{$vo.total_amount}</p>
									{/if}
								</li>
								<li class="caravan-order-li-3">
									<!-- <img src="/front/img/appcar.png" alt="" />
									<p>验证编码：1212151</p> -->
								</li>
								<li class="caravan-order-li-4">
									<p><a href="/order/payorder?order_id={$vo.number}">马上支付</a></p>
									<p><a id="cancel" onclick="cancel({$vo.number})" style="background:#ccc;">取消订单</a></p>
								</li>
							</ul>
						</div>
						<script type="text/javascript">
							function getLocalTime(t) {
								h=Math.floor(t/60/60%24);
							    m=Math.floor(t/60%60);
							    s=Math.floor(t%60);
								return h+'小时'+m+'分'+s+'秒';
							}
							$('#{$vo.number}').each(function(){
								var btn = $(this);
								var count = btn.text();
						    	var time = parseInt(count);
							    var resend = setInterval(function(){
							        count--;
							        if (count >=-1){
							            btn.html(getLocalTime(time--));
							        }else {
							        	btn.html(0);
							        	$('#{$vo.number}').each(function(){
											if($(this).text()<=0){
												$(this).parent('tr').hide();
								            	var data = $(this).siblings('input').val();
								            	$.ajax({
								            		type:"get",
								            		url:"/wishs/cancelorder",
								            		data:{id:data},
								            	});
								            }
										})
							            clearInterval(resend);
							        }
							    }, 1000);
							})
						</script>
					{/volist}
						<!--取消订单提示框开始-->
						<div id="shsy-coin-bounced-box1" class="shsy-coin-bounced-box" style="display:none;">
							<div class="shsy-coin-bounced-bg"></div>
							<div id="shsy-coin-bounced">
								<div class="shsy-bounced-info">
									<div class="shsy-prompt-title">
										<p class="shsy-prompt">温馨提示</p>
										<p class="shsy-close">关闭</p>
									</div>
									<div class="shsy-prompt-cont">
										<dd>您的订单还未支付,确认取消订单吗？</dd>
									</div>
									<div class="shsy-prompt-over">
										<a id="true" href="">确定</a>
									</div>
								</div>
							</div>
						</div>
					<!--取消订单提示框结束-->
					<!-- 触发弹出框开始-->
						<script type="text/javascript">
							function cancel(id){
								$('#true').attr('href','/order/cancelorder?id='+id);
								$('#shsy-coin-bounced-box1').show();
							}
							$(function(){
								$(".shsy-close").click(function(){
									$('#shsy-coin-bounced-box1').hide();
								})
							})
						</script>
					<!-- 触发弹出框结束	 -->
					</div>
					<!--未支付的结束-->

					<!--支付中的开始-->

					<div class="caravan-order-list-group">
					{volist name='ongoingorder' id='vo'} 
						<div class="caravan-order-group-tit">
							<span>订单编号：<i>{$vo.number}</i></span>
							<span>下单时间：<i>{$vo.created_at}</i></span>
							<span class="caravan-order-group-state">[{$vo.status}]</span>
							<span>请在<i style="padding: 0px 0px;"><span id="{$vo.number}"><?php echo strtotime($vo['created_at'])+3600-time()?></span></i>内完成支付</span>
							<span class="caravan-order-group-service">营地客服：<img src="/front/img/lx.png" alt="" /></span>
						</div>
						<div class="caravan-order-group-cont">
							<ul>
								<li class="caravan-img">
								{if !empty($vo['caravan']['caravancover'][0])}
								<img src={$vo.caravan.caravancover[0]} alt="" />
								{/if}
								</li>
								<li class="caravan-order-li-1">
									<p><a href="#">房车名称（<i>{$vo.caravan.name}</i>）</a></p>
									<p>{$vo.caravan.carcates.name}</p>
									<p class="caravan-order-camp">营地服务机构名称:<a href="#">（<i>{$vo.camp.name}</i>）</a></p>
									<p>入住：<i>{$vo.take_car_date}</i></p>
									<p>离开：<i>{$vo.leave_car_date}</i></p>
								</li>
								<li class="caravan-order-li-2">
									<p class="need-pay" style="display: none;">需支付</p>
									<p class="need-pay">在线支付</p>
									{if $vo.source == '1'}
									<p>旅行币 {$vo.total_intergral}</p>
									<p>押金 <i>¥</i>{$vo.deposit}</p>
									{else/}
									<p>押金 <i>¥</i>{$vo.deposit}</p>
									<p>租金 <i>¥</i>{$vo.total_money}</p>
									<p>总金额 <i>¥</i>{$vo.total_amount}</p>
									{/if}
								</li>
								<li class="caravan-order-li-3">
									<!-- <img src="/front/img/appcar.png" alt="" />
									<p>验证编码：1212151</p> -->
								</li>
								<li class="caravan-order-li-4">
									<p><a href="/order/payorder?order_id={$vo.number}">继续支付</a></p>
									<p><a id="ongoingcancel" onclick="ongoingcancel({$vo.number})" style="background:#ccc;">取消订单</a></p>
								</li>
							</ul>
						</div>
						<script type="text/javascript">
							function getLocalTime(t) {
								h=Math.floor(t/60/60%24);
							    m=Math.floor(t/60%60);
							    s=Math.floor(t%60);
								return h+'小时'+m+'分'+s+'秒';
							}
							$('#{$vo.number}').each(function(){
								var btn = $(this);
								var count = btn.text();
						    	var time = parseInt(count);
							    var resend = setInterval(function(){
							        count--;
							        if (count >=-1){
							            btn.html(getLocalTime(time--));
							        }else {
							        	btn.html(0);
							        	$('#{$vo.number}').each(function(){
											if($(this).text()<=0){
												$(this).parent('tr').hide();
								            	var data = $(this).siblings('input').val();
								            	$.ajax({
								            		type:"get",
								            		url:"/wishs/cancelorder",
								            		data:{id:data},
								            	});
								            }
										})
							            clearInterval(resend);
							        }
							    }, 1000);
							})
						</script>
					{/volist}
						<!--取消订单提示框开始-->
						<div id="shsy-coin-bounced-box5" class="shsy-coin-bounced-box" style="display:none;">
							<div class="shsy-coin-bounced-bg"></div>
							<div id="shsy-coin-bounced">
								<div class="shsy-bounced-info">
									<div class="shsy-prompt-title">
										<p class="shsy-prompt">温馨提示</p>
										<p class="shsy-close">关闭</p>
									</div>
									<div class="shsy-prompt-cont">
										<dd>您的订单还未支付,确认取消订单吗？</dd>
									</div>
									<div class="shsy-prompt-over">
										<a id="true4" href="">确定</a>
									</div>
								</div>
							</div>
						</div>
					<!--取消订单提示框结束-->
					<!-- 触发弹出框开始-->
						<script type="text/javascript">
							function ongoingcancel(id){
								$('#true4').attr('href','/order/cancelorder?id='+id);
								$('#shsy-coin-bounced-box5').show();
							}
							$(function(){
								$(".shsy-close").click(function(){
									$('#shsy-coin-bounced-box5').hide();
								})
							})
						</script>
					<!-- 触发弹出框结束	 -->
					</div>
					<!--支付中的结束-->

					<!--待入住的开始-->
					<div class="caravan-order-list-group">
					{volist name='stayin' id='vo'}
						<div class="caravan-order-group-tit">
							<span>订单编号：<i>{$vo.number}</i></span>
							<span>下单时间：<i>{$vo.created_at}</i></span>
							<span class="caravan-order-group-state">[{$vo.status}]</span>
							<span></span>
							<span class="caravan-order-group-service">营地客服：<img src="/front/img/lx.png" alt="" /></span>
						</div>
						<div class="caravan-order-group-cont">
							<ul>
								<li class="caravan-img">
								{if !empty($vo['caravan']['caravancover'][0])}
								<img src={$vo.caravan.caravancover[0]} alt="" />
								{/if}
								</li>
								<li class="caravan-order-li-1">
									<p><a href="#">房车名称（<i>{$vo.caravan.name}</i>）</a></p>
									<p>{$vo.caravan.carcates.name}</p>
									<p class="caravan-order-camp">营地服务机构名称:<a href="#">（<i>{$vo.camp.name}</i>）</a></p>
									<p>入住：<i>{$vo.take_car_date}</i></p>
									<p>离开：<i>{$vo.leave_car_date}</i></p>
								</li>
								<li class="caravan-order-li-2">
									<p class="need-pay" style="display: none;">需支付</p>
									<p class="need-pay">在线支付</p>
									{if $vo.source == '1'}
									<p>旅行币 {$vo.total_intergral}</p>
									<p>押金 <i>¥</i>{$vo.deposit}</p>
									{else/}
									<p>押金 <i>¥</i>{$vo.deposit}</p>
									<p>租金 <i>¥</i>{$vo.total_money}</p>
									<p>总金额 <i>¥</i>{$vo.total_amount}</p>
									{/if}
								</li>
								<li class="caravan-order-li-3">
									<!-- <img src="/front/img/appcar.png" alt="" />
									<p>验证编码：1212151</p> -->
								</li>
								<li class="caravan-order-li-4">
									<p><a href="/order/orderdetail?id={$vo.id}">查看详情</a></p>
									<p><a id="ord_cancel" onclick="ord_cancel({$vo.number})" style="background:#ccc;">取消订单</a></p>
								</li>
							</ul>
						</div>
						{/volist}
						<!--取消订单提示框开始-->
						<div id="shsy-coin-bounced-box2" class="shsy-coin-bounced-box" style="display:none;">
							<div class="shsy-coin-bounced-bg"></div>
							<div id="shsy-coin-bounced">
								<div class="shsy-bounced-info">
									<div class="shsy-prompt-title">
										<p class="shsy-prompt">温馨提示</p>
										<p class="shsy-close">关闭</p>
									</div>
									<div class="shsy-prompt-cont">
										<dt>取消订单规则及惩罚措施</dt>
										<dd>1. 入住前7天外取消订单，不扣除任何费用。</dd>
										<dd>2. 入住前7天内取消订单，将扣除本订单旅行币的50%。</dd>
										<dd>确定要取消订单吗？</dd>
									</div>
									<div class="shsy-prompt-over">
										<a id="true1" href="">确定</a>
									</div>
								</div>
							</div>
						</div>
						
					<!--取消订单提示框结束-->
					<!-- 触发弹出框开始-->
						<script type="text/javascript">
							function ord_cancel(id){
								$('#true1').attr('href','/order/cancelorder?id='+id);
								$('#shsy-coin-bounced-box2').show();
							}
							$(function(){
								$(".shsy-close").click(function(){
									$('#shsy-coin-bounced-box2').hide();
								})
							})
						</script>
					<!-- 触发弹出框结束	 -->
					
					</div>
					<!--待入住的的结束-->
					
					<!--入住中的开始-->
					<div class="caravan-order-list-group">
					{volist name='checkin' id='vo'}
						<div class="caravan-order-group-tit">
							<span>订单编号：<i>{$vo.number}</i></span>
							<span>下单时间：<i>{$vo.created_at}</i></span>
							<span class="caravan-order-group-state">[{$vo.status}]</span>
							<span></span>
							<span class="caravan-order-group-service">营地客服：<img src="/front/img/lx.png" alt="" /></span>
						</div>
						<div class="caravan-order-group-cont">
							<ul>
								<li class="caravan-img">
								{if !empty($vo['caravan']['caravancover'][0])}
								<img src={$vo.caravan.caravancover[0]} alt="" />
								{/if}
								</li>
								<li class="caravan-order-li-1">
									<p><a href="#">房车名称（<i>{$vo.caravan.name}</i>）</a></p>
									<p>{$vo.caravan.carcates.name}</p>
									<p class="caravan-order-camp">营地服务机构名称:<a href="#">（<i>{$vo.camp.name}</i>）</a></p>
									<p>入住：<i>{$vo.take_car_date}</i></p>
									<p>离开：<i>{$vo.leave_car_date}</i></p>
								</li>
								<li class="caravan-order-li-2">
									<p class="need-pay" style="display: none;">需支付</p>
									<p class="need-pay">在线支付</p>
									{if $vo.source == '1'}
									<p>旅行币 {$vo.total_intergral}</p>
									<p>押金 <i>¥</i>{$vo.deposit}</p>
									{else/}
									<p>押金 <i>¥</i>{$vo.deposit}</p>
									<p>租金 <i>¥</i>{$vo.total_money}</p>
									<p>总金额 <i>¥</i>{$vo.total_amount}</p>
									{/if}
								</li>
								<li class="caravan-order-li-3">
									<!-- <img src="/front/img/appcar.png" alt="" />
									<p>验证编码：1212151</p> -->
								</li>
								<li class="caravan-order-li-4">
									<p><a href="/order/orderdetail?id={$vo.id}">查看详情</a></p>
							</ul>
						</div>
					{/volist}
					</div>
					<!--入住中的的结束-->

					<!--退款中的开始-->
					<div class="caravan-order-list-group">
					{volist name='refund' id='vo'}
						<div class="caravan-order-group-tit">
							<span>订单编号：<i>{$vo.number}</i></span>
							<span>下单时间：<i>{$vo.created_at}</i></span>
							<span class="caravan-order-group-state">[{$vo.status}]</span>
							<span></span>
							<span class="caravan-order-group-service">营地客服：<img src="/front/img/lx.png" alt="" /></span>
						</div>
						<div class="caravan-order-group-cont">
							<ul>
								<li class="caravan-img">
								{if !empty($vo['caravan']['caravancover'][0])}
								<img src={$vo.caravan.caravancover[0]} alt="" />
								{/if}
								</li>
								<li class="caravan-order-li-1">
									<p><a href="#">房车名称（<i>{$vo.caravan.name}</i>）</a></p>
									<p>{$vo.caravan.carcates.name}</p>
									<p class="caravan-order-camp">营地服务机构名称:<a href="#">（<i>{$vo.camp.name}</i>）</a></p>
									<p>入住：<i>{$vo.take_car_date}</i></p>
									<p>离开：<i>{$vo.leave_car_date}</i></p>
								</li>
								<li class="caravan-order-li-2">
									<p class="need-pay" style="display: none;">需支付</p>
									<p class="need-pay">在线支付</p>
									{if $vo.source == '1'}
									<p>旅行币 {$vo.total_intergral}</p>
									<p>押金 <i>¥</i>{$vo.deposit}</p>
									{else/}
									<p>押金 <i>¥</i>{$vo.deposit}</p>
									<p>租金 <i>¥</i>{$vo.total_money}</p>
									<p>总金额 <i>¥</i>{$vo.total_amount}</p>
									{/if}
								</li>
								<li class="caravan-order-li-3">
									<!-- <img src="/front/img/appcar.png" alt="" />
									<p>验证编码：1212151</p> -->
								</li>
								<li class="caravan-order-li-4">
									<p><a href="/order/orderdetail?id={$vo.id}">查看详情</a></p>
							</ul>
						</div>
					{/volist}
					</div>
					<!--退款中的的结束-->

					<!--已取消的开始-->
					<div class="caravan-order-list-group">
					{volist name='cancel' id='vo'}
						<div class="caravan-order-group-tit">
							<span>订单编号：<i>{$vo.number}</i></span>
							<span>下单时间：<i>{$vo.created_at}</i></span>
							<span class="caravan-order-group-state">[{$vo.status}]</span>
							<span class="caravan-order-group-service">营地客服：<img src="/front/img/lx.png" alt="" /></span>
						</div>
						<div class="caravan-order-group-cont">
							<ul>
								<li class="caravan-img">
								{if !empty($vo['caravan']['caravancover'][0])}
								<img src={$vo.caravan.caravancover[0]} alt="" />
								{/if}
								</li>
								<li class="caravan-order-li-1">
									<p><a href="#">房车名称（<i>{$vo.caravan.name}</i>）</a></p>
									<p>{$vo.caravan.carcates.name}</p>
									<p class="caravan-order-camp">营地服务机构名称:<a href="#">（<i>{$vo.camp.name}</i>）</a></p>
									<p>入住：<i>{$vo.take_car_date}</i></p>
									<p>离开：<i>{$vo.leave_car_date}</i></p>
								</li>
								<li class="caravan-order-li-2">
									<p class="need-pay" style="display: none;">需支付</p>
									<p class="need-pay">在线支付</p>
									{if $vo.source == '1'}
									<p>旅行币 {$vo.total_intergral}</p>
									<p>押金 <i>¥</i>{$vo.deposit}</p>
									{else/}
									<p>押金 <i>¥</i>{$vo.deposit}</p>
									<p>租金 <i>¥</i>{$vo.total_money}</p>
									<p>总金额 <i>¥</i>{$vo.total_amount}</p>
									{/if}
								</li>
								<li class="caravan-order-li-3">
									<!-- <img src="/front/img/appcar.png" alt="" />
									<p>验证编码：1212151</p> -->
								</li>
								<li class="caravan-order-li-4">
									<p><a href="/order/orderdetail?id={$vo.id}">查看详情</a></p>
									<!-- <p><a href="###">重新下单</a></p> -->
								</li>
							</ul>
						</div>
					{/volist}
					</div>
					<!--已取消的的结束-->

					<!--已离开的开始-->
					<div class="caravan-order-list-group">
					{volist name='leave' id='vo'}
						<div class="caravan-order-group-tit">
							<span>订单编号：<i>{$vo.number}</i></span>
							<span>下单时间：<i>{$vo.created_at}</i></span>
							<span class="caravan-order-group-state">[{$vo.status}]</span>
							<span></span>
							<span class="caravan-order-group-service">营地客服：<img src="/front/img/lx.png" alt="" /></span>
						</div>
						<div class="caravan-order-group-cont">
							<ul>
								<li class="caravan-img">
								{if !empty($vo['caravan']['caravancover'][0])}
								<img src={$vo.caravan.caravancover[0]} alt="" />
								{/if}
								</li>
								<li class="caravan-order-li-1">
									<p><a href="#">房车名称（<i>{$vo.caravan.name}</i>）</a></p>
									<p>{$vo.caravan.carcates.name}</p>
									<p class="caravan-order-camp">营地服务机构名称:<a href="#">（<i>{$vo.camp.name}</i>）</a></p>
									<p>入住：<i>{$vo.take_car_date}</i></p>
									<p>离开：<i>{$vo.leave_car_date}</i></p>
								</li>
								<li class="caravan-order-li-2">
									<p class="need-pay" style="display: none;">需支付</p>
									<p class="need-pay">在线支付</p>
									{if $vo.source == '1'}
									<p>旅行币 {$vo.total_intergral}</p>
									<p>押金 <i>¥</i>{$vo.deposit}</p>
									{else/}
									<p>押金 <i>¥</i>{$vo.deposit}</p>
									<p>租金 <i>¥</i>{$vo.total_money}</p>
									<p>总金额 <i>¥</i>{$vo.total_amount}</p>
									{/if}
								</li>
								<li class="caravan-order-li-3">
									<!-- <img src="/front/img/appcar.png" alt="" />
									<p>验证编码：1212151</p> -->
								</li>
								<li class="caravan-order-li-4">
									<p><a href="/order/orderdetail?id={$vo.id}">查看详情</a></p>
							</ul>
						</div>
					{/volist}
					</div>
					<!--已离开的的结束-->

					

					<!--已完成的开始-->
					<div class="caravan-order-list-group">
					{volist name='done' id='vo'}
						<div class="caravan-order-group-tit">
							<span>订单编号：<i>{$vo.number}</i></span>
							<span>下单时间：<i>{$vo.created_at}</i></span>
							<span class="caravan-order-group-state">[{$vo.status}]</span>
							<span class="caravan-order-group-service">营地客服：<img src="/front/img/lx.png" alt="" /></span>
						</div>
						<div class="caravan-order-group-cont">
							<ul>
								<li class="caravan-img">
								{if !empty($vo['caravan']['caravancover'][0])}
								<img src={$vo.caravan.caravancover[0]} alt="" />
								{/if}
								</li>
								<li class="caravan-order-li-1">
									<p><a href="#">房车名称（<i>{$vo.caravan.name}</i>）</a></p>
									<p>{$vo.caravan.carcates.name}</p>
									<p class="caravan-order-camp">营地服务机构名称:<a href="#">（<i>{$vo.camp.name}</i>）</a></p>
									<p>入住：<i>{$vo.take_car_date}</i></p>
									<p>离开：<i>{$vo.leave_car_date}</i></p>
								</li>
								<li class="caravan-order-li-2">
									<p class="need-pay" style="display: none;">需支付</p>
									<p class="need-pay">在线支付</p>
									{if $vo.source == '1'}
									<p>旅行币 {$vo.total_intergral}</p>
									<p>押金 <i>¥</i>{$vo.deposit}</p>
									{else/}
									<p>押金 <i>¥</i>{$vo.deposit}</p>
									<p>租金 <i>¥</i>{$vo.total_money}</p>
									<p>总金额 <i>¥</i>{$vo.total_amount}</p>
									{/if}
								</li>
								<li class="caravan-order-li-3">
									<!-- <img src="/front/img/appcar.png" alt="" />
									<p>验证编码：1212151</p> -->
								</li>
								<li class="caravan-order-li-4">
									<p><a href="/order/orderdetail?id={$vo.id}">查看详情</a></p>
									<p><a href="###">投诉建议</a></p>
								</li>
							</ul>
						</div>
					{/volist}
					</div>
					<!--已完成的的结束-->
					{$list->render()}
					
					
					<dl>
						<dt>温馨提示</dt>
						<dd>1. 入住前7天外取消订单，不扣除任何费用。</dd>
						<dd>2. 入住前7天内取消订单，将扣除本订单旅行币的50%。</dd>
					</dl>
				</div>
			</div>
		</div>
		<!--房车订单结束-->

